@import url(./base.less);
@size: 37.5rem;
body {
  background-color: #fafafa;
  .box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: (50 / @size);
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    .box01 {
      i {
        width: (20 / @size);
        height: (20 / @size);
        margin-bottom: (5 / @size);
      }
      p {
        font-size: (12 / @size);
      }
    }
    .box02 {
      color: #d5d5d5;
      text-align: center;
      i {
        width: (20 / @size);
        height: (20 / @size);
        margin-bottom: (5 / @size);
      }
      p {
        font-size: (12 / @size);
      }
    }
    .box03 {
      text-align: center;
      color: #d5d5d5;
      i {
        width: (20 / @size);
        height: (20 / @size);
        margin-bottom: (5 / @size);
      }
      p {
        font-size: (12 / @size);
      }
    }
    .box04 {
      color: #d5d5d5;
      i {
        width: (20 / @size);
        height: (20 / @size);
        margin-bottom: (5 / @size);
      }
      p {
        font-size: (12 / @size);
      }
    }
  }
  .boss {
    width: (350 / @size);
    margin-left: (15 / @size);

    .head01 {
      height: (50 / @size);
      ul {
        display: flex;
        justify-content: space-between;
        font-size: (16 / @size);
        line-height: (50 / @size);
        .head001 {
          margin-right: (25 / @size);
        }
        .head002 {
          position: relative;
          width: (250 / @size);
          height: (46 / @size);
          input {
            border-radius: (16 / @size);
            display: flex;
            width: (250 / @size);
            height: (32 / @size);
            margin-top: (7 / @size);
            padding-left: (40 / @size);
          }
          .head004 {
            position: absolute;
            left: (15 / @size);
            top: (15 / @size);
            width: (16 / @size);
            height: (16 / @size);

            background-image: url(../icons/footer_2_default.png);
            background-repeat: no-repeat;
            background-size: cover;
          }
        }
        .head003 {
          width: (18 / @size);
          height: (18 / @size);
          margin-top: (14 / @size);
          margin-left: (20 / @size);
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .head02 {
      height: (130 / @size);
      background-image: url(../imgs/banner.png);
      background-size: contain;
      margin-top: (7 / @size);
    }
    .head03 {
      display: flex;
      margin-bottom: (36 / @size);
      margin-top: (12 / @size);
      .head30 {
        width: (170 / @size);
        height: (70 / @size);
        margin-right: (10 / @size);
        background-image: url(../icons/nav_2.png);
        background-size: contain;
        background-color: #ffffff;
      }
      .head29 {
        width: (170 / @size);
        height: (70 / @size);
        background-size: contain;
        background-image: url(../icons/nav_1.png);
        background-color: #ffffff;
      }
    }
    .head04 {
      height: (18 / @size);
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: (20 / @size);
      .head40 {
        color: black;
        font-size: (18 / @size);
        font-weight: bold;
      }
      .head39 {
        a {
          display: inline-block;
          width: (10 / @size);
          height: (15 / @size);
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .head05 {
      display: flex;
      justify-content: space-between;
      margin-bottom: (30 / @size);
      .head50 {
        margin-right: (10 / @size);
        .head46 {
          width: (170 / @size);
          height: (120 / @size);
          margin-bottom: (12 / @size);
        }
        h3 {
          font-size: (16 / @size);
          margin-bottom: (10 / @size);
        }
        .head48 {
          font-size: (14 / @size);
          color: #aaaaaa;
          margin-bottom: (15 / @size);
        }
        .head47 {
          color: #f9c875;
          font-size: (16 / @size);
        }
      }
      .head49 {
        .head45 {
          width: (170 / @size);
          height: (120 / @size);
          margin-bottom: (12 / @size);
        }
        h3 {
          font-size: (16 / @size);
          margin-bottom: (10 / @size);
        }
        .head44 {
          font-size: (14 / @size);
          color: #aaaaaa;
          margin-bottom: (15 / @size);
        }
        .head43 {
          color: #f9c875;
          font-size: (16 / @size);
        }
      }
    }
    .head06 {
      height: (56 / @size);
      margin-bottom: (36 / @size);
      img {
        width: 100%;
        height: 100%;
      }
    }
    .head07 {
      display: flex;
      justify-content: space-between;
      margin-bottom: (24 / @size);
      .head70 {
        font-size: (18 / @size);
      }
      .head69 {
        font-size: (14 / @size);
        display: flex;
        justify-content: space-between;
        .head67 {
          color: #aaaaaa;
          margin-left: (25 / @size);
        }
      }
    }
    .head08 {
      display: flex;
      margin-bottom: (18 / @size);
      .head80 {
        width: (110 / @size);
        height: (110 / @size);
        margin-right: (16 / @size);
        img {
          width: 100%;
          height: 100%;
        }
      }
      .head79 {
        h3 {
          font-size: (14 / @size);
          margin-bottom: (8 / @size);
        }
        p {
          font-size: (12 / @size);
          color: #aaaaaa;
          margin-bottom: (8 / @size);
        }
        .head78 {
          display: flex;
          justify-content: flex-start;
          span {
            width: (45 / @size);
            height: (17 / @size);
            margin-right: (10 / @size);
            text-align: center;
            line-height: (17 / @size);
            border: (1 / @size) solid #aaaaaa;
          }
        }
        .head77 {
          font-size: (12 / @size);
          color: #f8bc57;
          margin-top: 0;
        }
      }
    }
    .head09 {
      width: (260 / @size);
      height: (38 / @size);
      background-color: #f2f2f3;
      font-size: (14 / @size);
      text-align: center;
      line-height: (38 / @size);
      margin-left: (45 / @size);
      margin-bottom: (24 / @size);
      border-radius: (19 / @size);
      color: #999999;
    }
    .head10 {
      height: (85 / @size);
      margin-bottom: (62 / @size);
      img {
        height: 100%;
      }
    }
  }
}
